<template>
  <div id="app">
    <NavigationBar>
      <img
        slot="left"
        src="./assets/navigationbar/navigation_bar_back.png"
        alt=""
      />
      <div slot="middle">{{ this.$route.meta.title }}</div>
      <img slot="right" src="./assets/navigationbar/swiper_icon.png" alt="" />
    </NavigationBar>
    <router-view />
    <TabBar v-show="this.$route.meta.isShowTab">
      <TabBarTatl path="/">
        <img slot="icon" src="./assets/tabbar/home_nomal.png" />
        <img slot="icon_active" src="./assets/tabbar/home_active.png" />
        <div slot="title">首页</div>
      </TabBarTatl>
      <TabBarTatl path="/classify">
        <img slot="icon" src="./assets/tabbar/category_nomal.png" />
        <img slot="icon_active" src="./assets/tabbar/category_active.png" />
        <div slot="title">分类</div>
      </TabBarTatl>
      <TabBarTatl path="/ShopCar">
        <img slot="icon" src="./assets/tabbar/cart_nomal.png" />
        <img slot="icon_active" src="./assets/tabbar/cart_active.png" />
        <div slot="title">购物车</div>
      </TabBarTatl>
      <TabBarTatl path="/Mine">
        <img slot="icon" src="./assets/tabbar/mine_nomal.png" />
        <img slot="icon_active" src="./assets/tabbar/mine-active.png" />
        <div slot="title">我的</div>
      </TabBarTatl>
    </TabBar>
  </div>
</template>
<script>
import TabBar from "./components/tadber/TabBar";
import TabBarTatl from "./components/tadber/TabBarTatal";
import NavigationBar from "./components/navigationBar/Navigationbar";
export default {
  components: {
    TabBar,
    TabBarTatl,
    NavigationBar,
  },
};
</script>
<style scoped>
</style>

 